.title-bar {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 999;
	display: flex;
	align-items: center;
	text {
		color: #646c6d;
		font-size: 31.54rpx;
		font-weight: bold;
	}
	.back {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		padding: 0 12rpx 0 16rpx;
		image {
			width: 40rpx;
			height: 40rpx;
		}
	}
	.line {
		width: 192.75rpx;
		height: 26.28rpx;
		margin-left: 28.04rpx;
		content: url('https://sitiantech.com/memorial-hall/profile/static/image/common/title_line.svg?v20220826');
	}
}

.page-content {
	background-image: url('https://sitiantech.com/memorial-hall/profile/static/image/common/bg_common.png?v20220826');
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: relative;
	height: 50vh;
	.background-image {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		bottom: 0;
	}
	.content-layout {
		position: fixed;
		width: 100%;
		top: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		.deceased-layout {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			margin-bottom: 271.6rpx;
			.image {
				width: 115rpx;
				height: 140rpx;
				border-radius: $border-radius-small-x;
				border: 4rpx solid #ffffff;
			}
			.name {
				color: #fae4b8;
				font-weight: bold;
				margin: 7.01rpx 0;
				font-size: 28.04rpx;
			}
			.date {
				color: #ffffff;
				font-size: 26.28rpx;
			}
			.image2 {
				width: 94.62rpx;
				height: 108.64rpx;
			}
			.name2 {
				font-size: 26.28rpx;
			}
			.date2 {
				font-size: 19.27rpx;
			}
		}
		.deceased-layout2 {
			margin: 0 10.51rpx 271.6rpx 0;
		}
	}
}
